<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
    
    <style>
      div {
        background: pink;
        color: darkgray;
        height: 100px;
        width: 100px;
      }
    </style>
  </head>
  <body>
    <!--visibility属性默认值为visible时元素在页面中正常显示，属性值为hidden时不在页面中显示该元素，但依旧占据页面中的位置且其对应的标签仍存在于HTML源代码中-->
    <div style="visibility: visible">visibility</div>
    <div style="visibility: hidden">visibility</div>
  </body>
</html>